<template>
    <div class="checkPermiss"> 
        <el-row class="check_top">
            <el-table
                :header-cell-style="{background:'#f5f5f5'}"
                :data="tableData"
                border
                style="width: 100%">
                <el-table-column
                prop="style"
                label="类型"
                >
                </el-table-column>
                <el-table-column
                prop="name"
                label="权限项名称">
                </el-table-column>
                <el-table-column
                prop="num"
                label="权限编号">
                </el-table-column>
                <el-table-column
                prop="module"
                label="module">
                </el-table-column>
                <el-table-column
                prop="method"
                label="method">
                </el-table-column>
                <el-table-column
                prop="params"
                label="参数">
                </el-table-column>
                <el-table-column
                prop="menu"
                label="是否菜单项">
                </el-table-column>
                <el-table-column
                prop="warrant"
                label="是否授权项">
                </el-table-column>
                <el-table-column
                prop="Process"
                label="是否流程项">
                </el-table-column>
                <el-table-column
                prop="ordinary"
                label="是否普通项">
                </el-table-column>
            </el-table>
        </el-row>
        <el-row>
            <el-col :span="24" class="check_page">
                <el-pagination
                    background
                    id="pagination"
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page="currentPage"
                    :page-sizes="[10]"
                    :page-size="pagesize"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="total">
                </el-pagination>
            </el-col>
        </el-row>
    </div>
</template>
<script>
export default {
    data(){
        return{
            unitName:"",
            currentPage:1,
            total:10,
            pagesize:10,
            tableData: [
                {
                    style:"页面",
                    name:"用户管理",
                    num:"hzjw-usermanager",
                    module:"",
                    method:"",
                    params:"",
                    menu:"是",
                    warrant:"是",
                    Process:"是",
                    ordinary:"是"
                },
                {
                    style:"子页面",
                    name:"用户管理-用户授权页",
                    num:"hzjw-usermanager-usersq",
                    module:"",
                    method:"",
                    params:"",
                    menu:"否",
                    warrant:"是",
                    Process:"否",
                    ordinary:"是"
                },
                {
                    style:"按钮",
                    name:"用户管理-添加权限",
                    num:"hzjw-usermanager-usersq-add",
                    module:"",
                    method:"",
                    params:"",
                    menu:"否",
                    warrant:"是",
                    Process:"否",
                    ordinary:"是"
                },
                {
                    style:"组件",
                    name:"权限table",
                    num:"hzjw-usermanager-usersq-table",
                    module:"",
                    method:"",
                    params:"",
                    menu:"否",
                    warrant:"是",
                    Process:"否",
                    ordinary:"是"
                }
            ],
        }
    },
    methods:{
        handleSizeChange(){

        },
        handleCurrentChange(){

        }
    },
    created(){

    }
}
</script>
<style lang="scss" scoped>
.check_top{
    padding:20px;
}
.check_page{
    padding-bottom:20px;
    text-align:center
}
/deep/  #pagination .el-pager .active{
    background:#1ABC9C;
}
/deep/  #pagination .el-pager .active:hover{
    color:#fff;
}
/deep/  #pagination .el-pager li:hover{
    color:#1ABC9C;
}
</style>